<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设计表单</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<h1>For Example</h1>
		<form action="">
			
			<p>Text Input</p>
			<input type="text" name = "Username" placeholder="Username">
			<br><br>
			
			<p>Password Input</p>
			<br><br>
			<input type="password" name="password" placeholder="Password" />
			<br><br><br>
			 
			<p>Radio Buttons</p>
			<input type="radio" name="sex" value="Male" />Male 
			<br>
			<input type="radio" name="sex" value="Female" />Female
			<br><br>
			<p>Checkbox</p>
			
			<input type="checkbox" name="hobby" value="Coding" />Coding <br>
			<input type="checkbox" name="hobby" value="Sports" />Sports <br>
			<input type="checkbox" name="hobby" value="Music" />Music <br>
			<input type="checkbox" name="hobby" value="Travel" />Travel <br>
			<input type="checkbox" name="hobby" value="Reading" />Reading <br>
			<input type="checkbox" name="hobby" value="Gaming"/>Gaming <br><br><br>
			<p>Select Option</p>
			<select name="国家" size=1>
				<option value="USA">USA
				<option value="China">China
				<option value="Canada">Canada
				<option value="UK">UK
			</select>
			<br><br><br>
			<p>Textarea</p> 
			<textarea name="comments" id="" cols="50" rows="4" placeholder="Comments"></textarea>
			<br><br><br>
			<p>Submit and Reset Buttons</p>
			<input type="submit" value="Submit" />
			<input type="reset" value="Reset" />
		</form>
		
	</body>
</html>